<!DOCTYPE html>
<html>
<head>
    <title>Facebook Login JavaScript Example</title>
    <meta charset="UTF-8">
</head>
<script src="/static/Admin/webjs/jquery.min.js"></script>
<body>
<script>
    //页面初始化
    window.fbAsyncInit = function() {
        FB.init({
            appId      : '4324794930896522',
            cookie     : true,                     // 启用cookie以允许服务器访问会话。
            xfbml      : true,                     // 在此页面上解析社交插件。
            version    : 'v8.0'           // 为此调用使用这个Graph API版本。
        });
    };
    //登录点击
    function checkLoginState() {
        FB.login(function(response) {
            console.log(response)
            statusChangeCallback(response);  //登录回调函数
        },{scope: 'email'});  //需要获取的信息scope
    }
  function statusChangeCallback(response) {
        if(response.status ==='connected'){
            //表示登录是了这个网站
            var accessToken = response.authResponse.accessToken; //取得 accessToken
            console.log(accessToken)
            //获取用户的信息
            FB.api('/me?fields=name,first_name,last_name,email',function (response) {
                //me为API指定的调用方法，用于获取登陆用户相关信息
                console.log(response)
                if(response.email!=null){
                    $.ajax({
                        url:'/admin/api/facebook',
                        data:{
                            userName:response.name,
                            firstName:response.first_name,
                            lastName:response.last_name,
                            email:response.email,
                            idToken:accessToken,
                            userType:'2'
                        },
                        dataType:"json",
                        type:"post",
                        success:function (data) {
                            if(data.success == true){
                               location.href='/admin/api/facebook';
                            }
                        }

                    })
                }else {
                    alert('XXXX')
                }
            })
        }
    }
</script>
<!-- The JS SDK Login Button -->
<fb:login-button scope="public_profile,email" onlogin="checkLoginState();">
    login
</fb:login-button>
<!--<fb:login-button scope="public_profile,email" onlogin="checkLoginState(2);">-->
    <!--logout-->
<!--</fb:login-button>-->
<div id="status">
</div>
<!-- Load the JS SDK asynchronously -->
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
</body>
</html>